<template>
  <div class="app">
    <Aa></Aa>
    <Ba></Ba>
  </div>
</template>

<script>
import Aa from "./非父子通信1/Aa.vue";
import Ba from "./非父子通信1/Ba.vue";

export default {
// 使用跨级通信/共享数据
  provide() {
    return {
        names:this.names,//简单类型（非响应式）
        namelist:this.namelist//复杂类型（响应式的)--推荐
    }
  },
  data() {
    return {
      names: "胡歌",//简单类型（非响应式）
      namelist: {//复杂类型（响应式的)--推荐
        xm: "彭于晏",
        age: 23,
      },
    }
  },
  components: {
    Aa,
    Ba,
  },
}
</script>

<style>
.app {
  width: 600px;
  height: 600px;
  border: 2px solid black;
}
</style>